@import '@/app/styles/variables';

.modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;

    .input:not(:first-child) {
        max-width: 261px;
    }

    button {
        margin-top: 8px;
    }

    form {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px
    }
}


@include media(sm) {
    .title {
        align-self: flex-start;
    }

    .modal {
        gap: 24px;
        button {
            margin-top: 0px;
            width: 100%;
        }
    }
}